<template>
	<view>
		<uni-popup ref="rulModel" type="center" zindex>
			<view class="modelcon">
         <view class="mo_tits">账单同步至微信</view>
				 <view class="mo_contents">下单成功后，账单将以优惠后的金额同步至微信群发账单。</view>
				 <view class="actions">
				 		<view class="btns canels" @click="close">取消</view>
				 		<view class="btns submits" @click="doSubmit">确定</view>
				 		
				 	</view>
				 
			</view>

		</uni-popup>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	const emit = defineEmits(["sendOrder"])
	const rulModel = ref()
	const payTpe=ref("")
	const open = (v:any) => {
		payTpe.value=v
		rulModel.value.open()
	}
	const close = () => {
		rulModel.value.close()
		emit("sendOrder",payTpe.value)
	}
	const doSubmit=()=>{
		close()
		emit("sendOrder",payTpe.value)
	}
	defineExpose({ open, close })
</script>

<style lang="scss" scoped>
	.modelcon {
		width: 526rpx;
		height: 360rpx;
		border-radius: 20rpx;
		background-color: #fff;
		padding: 40rpx 30rpx 20rpx 30rpx;
		.mo_tits{
			text-align: center;
			color: #000;
			font-family: "Microsoft YaHei UI";
			font-size:36rpx;
			font-weight: 400;
		}
		.mo_contents{
			color: #666;
			font-family: "Microsoft YaHei UI";
			font-size:32rpx;
			font-weight: 400;
			margin-top: 30rpx;
		}
		.actions{
			display: flex;
			justify-content: space-between;
			margin-top: 40rpx;
			.btns{
				width: 208rpx;
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
				border-radius:10rpx;
			}
			.canels{
				border: 2rpx solid #53A87F;
				color:#53A87F;
			}
			.submits{
				color:#fff;
				background-color:#53A87F;
			}
		}
}
</style>